<template>
  <div class="advanced-config">
    <el-form label-width="120px" class="sub-form">
      <el-form-item label="PC表单地址">
        <el-input v-model="advanced.pcFormUrl" @input="onChange" />
      </el-form-item>
      <el-form-item label="移动表单地址">
        <el-input v-model="advanced.mobileFormUrl" @input="onChange" />
      </el-form-item>
      <el-form-item label="超时提醒(小时)">
        <el-input-number v-model="advanced.timeout" :min="1" @change="onChange" />
      </el-form-item>
      
      <!-- 移除人员设置优先级配置，为后续新增其他配置项预留空间 -->
      
      <!-- 人员编辑权限控制 -->
      <el-form-item label="人员编辑权限">
        <el-select v-model="advanced.personnelEditPermission" @change="onChange" placeholder="选择编辑权限">
          <el-option label="不能对人员作出调整" value="disabled" />
          <el-option label="允许完全编辑" value="full" />
          <el-option label="仅允许在现有配置范围内编辑" value="limited" />
        </el-select>
        <div class="config-description">
          <el-text size="small" type="info">
            控制在发起/处理流程时对人员配置的编辑权限
          </el-text>
        </div>
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
const props = defineProps({
  advanced: Object
})

const emit = defineEmits(['change'])

/**
 * 处理变更
 */
function onChange() {
  emit('change')
}
</script>

<style scoped>
.advanced-config {
  width: 100%;
}

.sub-form .el-form-item {
  margin-bottom: 10px;
}

.sub-form .el-form-item__label {
  color: #b1b3b8;
  font-size: 13px;
}

.config-description {
  margin-top: 4px;
}
</style>
 